{template header}
<div class="swiper-div" style="padding-top: 50%;">
    <div class="swiper" id="swiper">
        <ul class="swiper-wrapper">
            {loop $slideList $sd}
            <li class="swiper-slide"><span class="bg bg-cover asyncload" handler="openURL" data-url="{$sd[url]}" data-original="{img $sd[image]}"></span></li>
            {/loop}
        </ul>
        <div class="swiper-pagination"></div>
    </div>
</div>
<script type="text/javascript">
    (function(){
        var swiper = new Swiper('#swiper',
            {loop:true,pagination:'.swiper-pagination',autoplay:2500});
    })();
</script>
<div class="wrap">
    <div class="company-vertical-list">
        {loop $companyList $company}
        <div class="item" data-handler="viewCompany" data-id="{$company[company_id]}">
            <div class="logo bg-cover lazyload" data-original="{img $company[company_logo]}"></div>
            <div class="info">
                <div class="name">{$company[company_name]}</div>
                <div class="address">{$company[province]} {$company[city]} {$company[county]}</div>
            </div>
            <div class="front bg-cover lazyload" data-original="{img $company[company_image]}"></div>
        </div>
        {/loop}
    </div>
</div>
<script type="text/javascript">
    onBridgeReady(function (bridge) {

    });
</script>
{template footer}